<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北大青鸟课程介绍页面</title>
  <style type="text/css">
    *{
      margin: 0;
      padding: 0;
      background:#ECECEC;
    }
    .list span{
      color: white;
    }
    .red{
      background: #A70532;
    }
    .blue{
      background: #008BBF;
    }
    .green{
      background:#005952;
    }
    .deepblue {
      background: #0066B3;
    }

    .deepgreen {
      background: darkgreen;
    }

    .pink {
      background: #D73765;
    }

    .purper {
      background: #4F1268;
    }

    .moreblue {
      background: #0000FF;
    }

    .orange {
      background: #E96221;
    }

    .list article {
      line-height: 27px;
      color: #5C9815;
    }

    .list section {
      line-height: 28px;
      color: #F26522;
    }

    a:link {
      color: red;
      text-decoration: none;
    }

    a:visited {
      color: orange;
    }

    a:hover {
      color: #0000FF;
      text-decoration: underline;
    }

    a:active {
      color: #008000;
    }
  </style>
</head>
<body>
 <div class="list">
   <article>
     <p><img src="img/title.gif"></p>
     <p><img src="img/img_01.png"></p>
     <p><a href=""><span class="green">逆向课程设计：</span> </a>以企业需求决定课程设计内容，确保训练内容及深度和企业需求<br>一致</p>
     <p><a href="#"><span class="deepgreen">模拟学员学习路线：</span></a>强调难点和复杂技能点的反复训练，力求学习效果和学习体<br>验</p>
     <p><a href="#"><span class="blue">互联网作为教学环境：</span></a>学员的日常敦学和训练均在互联网线上进行</p>
     <p><a href="#"><span class="moreblue">上学学习挡板监控网习效果：</span></a>每个学习阶段设置线上线下测试，严密监控学习效<br>果</p>
     <p><a href="#"><span class="deepblue">真实开发项目积累经验：</span></a>采用专业互联网提供的真实项目作为模拟开发</p>
   </article>
   <section>
     <p><img src="img/img_02.png"></p>
     <p><a href="#"><span class="orange">【实用性】</span></a>以就业岗位为需求导向，重点讲解企业80%的时间在使用的20%<br>的技术</p>
     <p><a href="#"><span class="red">【权威性】</span></a>于来自百度等知名企业的专家联合开发</p>
     <p><a href="#"><span class="pink">【专业性】</span></a>引进业内资深人才和典型行业开发项目/p>
     <p><a href="#"><span class="red">【真实性】</span></a>在互联网真实环境下进行教学和训练</p>
     <p><a href="#"><span class="purper">【易学性】</span></a>在线培训模式，24小时专家在线解答疑难问题</p>
     <p><a href="#"><span class="purper">【完整性】</span></a>利用SNS虚拟社区：学习，人脉双收丰收</p>
   </section>
 </div>
</body>
</html>
